@import "../../style/public";
.machinesDetailPopup {
    -webkit-user-select: text;
    @include remCalc(width, 572);
    @include remCalc(padding, 0, 44, 80, 44);
    .zhk-alert_close {
        position: absolute;
        @include remCalc(font-size, 30);
        @include remCalc(right, 30);
        @include remCalc(top, 30);
        color: #333;
        &::after {
            content: "";
            position: absolute;
            @include remCalc(top, -30);
            @include remCalc(bottom, -30);
            @include remCalc(left, -30);
            @include remCalc(right, -30);
        }
    }
    .head {
        @include remCalc(font-size, 30);
        @include remCalc(height, 126);
        @include remCalc(line-height, 126);
        color: #333;
        text-align: center;
    }
    .ct-unli {
        @include remCalc(font-size, 26);
        @include remCalc(line-height, 46);
        @include remCalc(margin-bottom, 20);
        color: #7e7e7e;
    }
    .ct {
        @include remCalc(font-size, 26);
        @include remCalc(line-height, 46);
        color: #7e7e7e;
        text-align: left;
        .machines-info {
            @include remCalc(font-size, 24);
            li {
                @extend .clearfix;
                .label {
                    width: 30%;
                    float: left;
                }
                .value {
                    width: 70%;
                    text-align: right;
                    float: left;
                    word-break: break-all;
                    word-wrap: break-word;
                }
            }
        }
        .logistics-info {
            @include remCalc(margin-top, 20);
            @include remCalc(font-size, 24);
            border: 1px dashed #ddd;
            @include remCalc(padding, 20);
            @extend %box-sizing;
            li {
                @extend .clearfix;
                .label {
                    width: 30%;
                    float: left;
                }
                .value {
                    width: 70%;
                    text-align: right;
                    float: left;
                    word-break: break-all;
                    word-wrap: break-word;
                }
            }
        }
    }
}
